<template>
    <div>
        <van-nav-bar title="首页" />
        <van-search v-model="value" show-action left-icon="bars" placeholder="请输入搜索关键词" @search="onSearch">
            <template #action>
                <div @click="onClickButton">
                    <van-icon name="search" style="font-size: 25px;" />
                </div>
            </template>
        </van-search>
        <div>
            <van-grid :column-num="3">
                <van-grid-item  v-for="value in 6" :key="value"
                    icon="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" text="商品" />
            </van-grid>

        </div>
        <list></list>




    </div>
</template>

<script setup>
import list from '@/components/list.vue';


</script>

<style lang="scss" scoped></style>